<template>
  <div class="loginContainer">
    <el-card class="login-card">
      <h2 class="login-card-title">校园二手交易管理系统</h2>
      <LoginView></LoginView>
    </el-card>
  </div>
</template>

<script>
import LoginView from "@/components/loginView.vue";

export default {
  components: {
    LoginView,
  },
};
</script>
<style lang="less" scoped>
.loginContainer {
  width: 100vw;
  height: 100vh;
  background-image: linear-gradient(to right, #74ebd5 0%, #9face6 100%);
  .login-card {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 480px;
    height: 350px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
    &-title {
      font-size: 22px;
      text-align: center;
      color: #000;
    }
  }
}
</style>